{% load static %}
{% load reception_tags %}
<!doctype html>
<html lang="ru">
  <head>
    <!-- Обязательные метатеги -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="generator" content="Django 4.2">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">

    <link type="image/png" href="{% favicon_url %}" rel="shortcut icon" >


{% block head %}



{% endblock %}
<!-- style="background-color: {% main_data filter='header_color' %}" -->
  </head>
  <body class="d-flex flex-column bg-gradient" style="background-color: {% main_data filter='body_color' %}">

    <div class="container-fluid sticky-top">
      <header>
      <div class="row shadow-sm bg-gradient sticky-top">
        <nav class="navbar navbar-expand-lg navbar-dark" style="background-color: {% main_data filter='header_color' %}">
          <div class="container">
            <a class="navbar-brand" href="{% url 'reception:home_page' %}">
              <img class="img-article-left thumb" src="{% logo_url %}">
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavDropdown">
                {% block menu %}
                  {% autoescape off %}
                    {% menu_var filter='MENU' %}
                  {% endautoescape %}
                {% endblock %}
            </div>
          </div>
        </nav>
      </div>
    </header>
    </div>


    <div class="container">
      <div class="row g-2 p-3 align-items-start">
        {% block page %}



        {% endblock %}

        </div>
      </div>
    <div class="container-fluid bg-gradient" style="background-color: {% main_data filter='footer_color' %}">
      <div class="row g-2 align-items-end">
        <!-- <footer class="py-2 fixed-bottom shadow">-->
        <footer class="bd-footer py-2 mt-5">
          <div class="row justify-content-center">
              {% autoescape off %}
                <div class="col-12 col-md-4 col-lg-3 mb-3 justify-content-center">{% menu_var filter='COL1' %}</div>
              {% endautoescape %}

              {% autoescape off %}
                <div class="col-12 col-md-4 col-lg-3 mb-3 justify-content-center">  {% menu_var filter='COL2' %}</div>
              {% endautoescape %}

              {% autoescape off %}
                <div class="col-12 col-md-4 col-lg-3 mb-3 justify-content-center">  {% menu_var filter='COL3' %}</div>
              {% endautoescape %}
          </div>

        <div class="row">
          <div class="d-flex justify-content-center">
            <span>&copy;</span> <p><script>document.write(/\d{4}/.exec(Date())[0])</script></p><p class="ms-1">{% main_data filter='name_site' %}</p>
          </div>
        </div>
      </div>

        <!-- Место для внешних систем -->


    {% autoescape off %}
      <div>{% get_apps filter='YA_MAP'%} </div>
    {% endautoescape %}

    {% autoescape off %}
      <div>{% get_apps filter='YA_METRIKA'%} </div>
    {% endautoescape %}

    {% autoescape off %}
      <div>{% get_apps filter='CHAT'%} </div>
    {% endautoescape %}

    {% autoescape off %}
      <div>{% get_apps filter='TELEPHONY'%} </div>
    {% endautoescape %}

    {% autoescape off %}
      <div>{% get_apps filter='VK_PIXCEL'%} </div>
    {% endautoescape %}

    {% autoescape off %}
      <div>{% get_apps filter='OTHER'%} </div>
    {% endautoescape %}

      </footer>
    </div>


    <!-- Необязательный JavaScript; выберите один из двух! -->

    <!-- Вариант 1: пакет Bootstrap с Popper -->
    <script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.24.1/feather.min.js" integrity="sha384-EbSscX4STvYAC/DxHse8z5gEDaNiKAIGW+EpfzYTfQrgIlHywXXrM9SUIZ0BlyfF" crossorigin="anonymous"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" integrity="sha384-i+dHPTzZw7YVZOx9lbH5l6lP74sLRtMtwN2XjVqjf3uAGAREAF4LMIUDTWEVs4LI" crossorigin="anonymous"></script>


    <!-- Вариант 2: отдельные JS для Popper и Bootstrap -->
    <!--
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
    -->
  </body>
</html>
